<!DOCTYPE html>
<html>
	<head>
		<title>
			Benevolent Dictator Admin Theme
		</title>
		<link rel="stylesheet" href="/css/screen.css" type="text/css" />
		<link rel="stylesheet" href="/css/ie.css" type="text/css" />
		<link rel="stylesheet" href="/css/BenevolentDictator.css" type="text/css" />
		<script src="/css/jquery-1.4.2.min.js"></script>
		</head>
	<body>
		<div class="container" id="BodyContainer">
			<div  class="span-24 last" id="HeaderContainer">
					<div id="Header">
						Benevolent Dictator Administration
						<div id="HeaderUserMenu">
							Logged in as: Linus Torvalds<br>
						</div>
					</div>
			</div>
			<div class="span-24 last" id="MenuContainer">
				<div id="MainMenu">
					<ul id="MainMenuList">
						<li><a href="">Home</a></li>
						<li><a href="">Orders</a></li>
						<li><a href="">Users</a></li>
						<li><a href="">Messages</a></li>
					</ul>
				</div>
			</div>
		
			<div class="span-24 last" id="MainContentContainer">
				<div id="MainContent">
					<div class="span-24 last">
						<div class="span-12">
							<div class="Section">
								<div class="SectionHeading">
									About This Theme
								
								</div>
								<div class="SectionContent">
									<p>
										This theme was created to give me a starting point for the "line of business" applications that 
										I build for clients. Most of these apps never see the light of day outside of the firewall and,
										as a result, no one puts much effort into making them look nice.
									</p>
									<p>
										However, people's perception of applications always includes how it looks. So, I created this
										so I have something that I can start with with no cost (time or money) to my project. 
									</p>
									<p>
										My primary aim is a theme that can be used for a variety of basic business apps and is suited
										for embedding into server-side application frameworks. I bought several admin themes from online
										"theme stores" only to be seriously frustrated when trying to integrate them into an app.
									</p>
									<p>
										That's because when you try to slice up things like the sections/boxes on this page, you discover that 
										you can't easily move those bits of HTML into controls, partial views or whatever your framework
										calls sub-snippets of HTML that sub-components of your application use to display their information.
										This theme is explicitly trying to fix that problem.
									</p>
									
								</div>
							</div>
						</div>
						<div class="span-12 last">
							<div class="Section">
							<div class="SectionHeading">
								License
							</div>
							<div class="SectionContent">
								<p>
									This theme is licensed under the terms of the Creative Commons Attribution license. If you merely <em>use</em>
									the theme on a site or application, no link or credit is necessary. Just use it and enjoy. I only want
									credit if you decide to distribute it as a theme from, for example, a CSS theme site.
								</p>
								<p>
									So, what it boils down to is, use it however you want, but don't slap your name on it and claim you made it
									all on your own. Honest people will never run afoul of the intended use. There is NO restriction on commercial
									use. I absolutely want you to use this theme on your commercial project for your client, internal project or
									website.
								</p>
							</div>
						</div>
					</div>
				
					
					<div class="span-24 last">
						<div class="Section">
							<div class="SectionHeading">
								Pending Orders
								<div class="SectionHeadingMenu">
									<a href="">New Order</a> | <a href="">Find an Order</a>
								</div>
							</div>
							<div class="SectionContent">
								<table class="DataTable">
									<tr>
										<th>Order Num.</th>
										<th>Customer</th>
										<th>Location</th>
										<th>Date</th>
										<th>Total</th>
									</th>
									<tr>
										<td>1234</td>
										<td>Wilson Plumbing</td>
										<td>Minneapolis, MN</td>
										<td>2010-04-30</td>
										<td>$425.86</td>
									</tr>
									<tr>
										<td>6578</td>
										<td>Smith Electric</td>
										<td>St. Paul, MN</td>
										<td>2010-04-20</td>
										<td>$741.29</td>
									</tr>
									<tr>
										<td>1234</td>
										<td>Wilson Plumbing</td>
										<td>Minneapolis, MN</td>
										<td>2010-04-30</td>
										<td>$425.86</td>
									</tr>
									<tr>
										<td>6578</td>
										<td>Smith Electric</td>
										<td>St. Paul, MN</td>
										<td>2010-04-20</td>
										<td>$741.29</td>
									</tr>
								</table>
									<div class="PaginationWidget">
										<ul>
											<li><a href="#">&lt;&lt;</a></li>
											<li><a href="#">1</a></li>
											<li><a href="#">2</a></li>
											<li><a href="#" class="selected">3</a></li>
											<li><a href="#">4</a></li>
											<li><a href="#">5</a></li>
											<li><a href="#">6</a></li>
											<li><a href="#">&gt;&gt;</a></li>
										</ul>
									</div>
				  			</div>
						</div>
						
					</div>
				
					<div class="span-12">
						<div class="Section">
							<div class="SectionHeading">
								Users
								<div class="SectionHeadingMenu">
									<a href="">Add New User</a> | <a href="">Search</a>
								</div>
							</div>
							<div class="SectionContent">
								<table class="DataTable">
									<tr>
										<th>UserID</th>
										<th>Full Name</th>
										<th>Location</th>
										<th>Status</th>
									</tr>
									<tr>
										<td><a href="">173920</a></td>
										<td>Joe User</td>
										<td>Minneapolis, MN</td>
										<td>Active</td>
									</tr>
									<tr>
										<td><a href="">138293</a></td>
										<td>Joe User</td>
										<td>Minneapolis, MN</td>
										<td>Active</td>
									</tr>
									<tr>
										<td><a href="">58390</a></td>
										<td>Joe User</td>
										<td>Minneapolis, MN</td>
										<td>Active</td>
									</tr>
									<tr>
										<td><a href="">173812</a></td>
										<td>Frank Stein</td>
										<td>St. Paul, MN</td>
										<td>Inactive</td>
									</tr>
									<tr>
										<td><a href="">13920</a></td>
										<td>Joe User</td>
										<td>Minneapolis, MN</td>
										<td>Active</td>
									</tr>
									<tr>
										<td><a href="">287391</a></td>
										<td>Nonna Urbixness</td>
										<td>Minneapolis, MN</td>
										<td>Inactive</td>
									</tr>
								</table>
							</div>
						</div>
					
						
						
					</div>
					<div class="span-12 last">
						<div class="Section">
						<div class="SectionHeading">
							Submit Ticket
						</div>
						<div class="SectionContent">
							<div class="ErrorMessage">
								Unable to submit ticket. Please enter a description.
							</div>
							<div class="SuccessMessage">
								Ticket submitted. Someone will contact you shortly.
							</div>
							<dl>
								<dt>
									<label>
										Title
									</label>
								</dt>
									<dd>
										<input type="text" value="Production web server is down.">
									</dd>
								<dt>
									<label>
										Description
									</label>
								</dt>
										<dd>
											<textarea>
											</textarea>
										</dd>
								<dt>
									<label>
										Severity
									</label>
								</dt>
									<dd>
										<select>
											<option>Below Normal</option>
											<option>Normal</option>
											<option>Critical</option>
										</select>
									</dd>
								<dt>
								</dt>
									<dd>
										<button>Submit</button>
									</dd>
							</dl>
						</div>
					</div>
					</div>
				</div>
			</div>
			
			
			<div class="span-24 last" id="PageFooterContainer">
					<div id="Footer">
						<div class="span-12">				
						 	Benevolent Dictator is an open source "admin" web theme.
						</div>
						<div class="span-12 last" id="CopyrightStatement">
							&copy 2010 Pragmapool, Inc. Very Few Rights Reserved.
						</div>
					</div>
			</div>
		</div>

		
	
	
	</body>
</html>